/*
    Stylesheet for mushpup
    http://mushpup.googlecode.com/svn/trunk/css/mushpup.css
    
    Author: Tom at klenwell@gmail.com
    
    <link href="http://mushpup.googlecode.com/svn/trunk/css/mushpup.css"
      rel="stylesheet" type="text/css" media="screen" />
*/

/* Reset */
body { font-family:sans-serif; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
p, pre, blockquote, ul, ol, dl, address { margin: .5em 0; padding: 0; }
ul li { list-style:none; margin-left:.5em; }
dd, blockquote { margin-left: .5em; }
form, fieldset { margin: 0; padding: 0; } 
form label { cursor: pointer; } fieldset { border: none; }
input, select, textarea { font-size: 100%; }
table { border-collapse:collapse; } td { vertical-align:top; }
.left { float:left; } .right { float:right;}
.clear { clear:both; }
a { cursor:pointer; border:none; }
a img { border:none; }

/* Layout */
#mushpup_ui {
 width:800px; margin:24px auto; padding:8px;
 border:0px dashed #ccc;
 font-family:Frutiger, 'Trebuchet MS', Helvetica, sans-serif;
}
a { color:#000066; }
a:hover { color:#0000ff; }

/* Banner */
#mp_banner {
 padding:16px 32px;
 background-color:#6699CC;
 color:#fff;
 background-image:url('../img/mushpup_logo.png');
 background-position: 96% center;
 background-repeat:no-repeat;
}
#mp_banner h1 {
 font-weight:normal;
 font-size:36px;
}
#mp_banner sup {
 font-size:16px; font-weight:normal;
 color:#E0E0FF;
 font-weight:bold;
}
#mp_banner .subbanner {
 font-size:14px;
 font-weight:normal;
 font-family:Arial,Helvetica,sans-serif;
}

/* View Panel */
div#mp_view_panel {
 padding:8px;
 background-color:#6699CC;
}
.mp_view {
 padding:16px;
 background-color:#fff;
 color:#336699;
}
.mp_view .intro {
 margin:0.5em 0 1em;
}
.mp_view div.step, .mp_view div.faq {
 padding:8px;
}

#mp_view_use {
 font-family: Frutiger,'Trebuchet MS',Helvetica,sans-serif;
}
#mp_view_use h3 {}
#mp_view_use h4 {}



/* Form Panel */
#mp_view_form {
 margin:0;  /* margin:0 0 0 26%; */
 padding:4px;
 background-color:#336699;
 color:#ccccff;
}
#mp_view_form a { color:#f3f3ff; }
#mp_view_form a:hover { text-decoration:none; }
#mp_view_form h3 { color:#6699CC; }
#mp_view_form p {
 clear:right;
 margin:0 0 0.5em;
}
#mp_view_form label {
 float:left; clear:right; width:240px;
 margin:0 0.5em 0 0; padding-top:4px;
 color:#6699CC;
 font-size:16px;
 font-weight:bold
}
#mp_view_form #advice_block {
 position:relative; top:0px;
 margin:0; padding-left:16px;
 font-size:12px;
 line-height:1.2em; 
}
#mp_view_form #advice_block b { color:#6699CC; }
p#pocus_confirm { font-size:15px; }
p#pocus_confirm span { margin-left:1em; }
a#pocus_hide_link { margin-left:0.5em; }



/* Tabs */
div#mp_tab_panel { font-weight:bold; }
div#mp_tab_panel ul {
 margin: 0 0 0 24px;
 padding: 3px 0;
}
div#mp_tab_panel li {
 list-style: none;
 margin: 0;
 display: inline;
}
div#mp_tab_panel a {
 padding: 4px 1em;
 margin-left: 1em;
 border: 1px solid #6699CC;
 border-bottom: none;
 color: #6699CC; 
 background: #336699;
 text-decoration: none;
}
div#mp_tab_panel a:hover, div#mp_tab_panel a.active {
 color:#336699;
 background: #6699CC;
 border-color: #ccccff;
}

/* hash panel */
#hash_panel {
 margin:0 auto;
 color:#666666;
 padding:10px 40px;
 background-color:#6699cc;
}
#hash_panel .child {
 position:relative;
 margin:0 auto;
 padding:8px;
 clear:both;
 background-color:#fff;
}
#hash_panel .header { }
#hash_panel .header a.close_bx {
 display:block;
 position:absolute; top:1em; right:1em;
 font-size:12px;
 font-weight:bold;
 color:#660000;
}
#hash_panel .header a.close_bx:hover {
 color:#ff0000;
}
#hash_panel h4 {
 color:#6699CC;
 font-weight:bold;
 margin:1em 0.5em 0.5em;
 text-align:center;
 clear:both;
}
#mp_ruler_block {
 text-align:center;
 margin:0 auto;
}
#mp_ruler_block .span {
 text-align:left;
}
.mp_ruler {
 font-family:"Lucida Console",Monaco,monospace;
}
#mp_ruler_top {
 color:#ccffcc;
 padding-left:2px;
 font-size:11px;
 letter-spacing:8px;
}
#mp_ruler_top .strong, #mp_ruler_top .lite {
 cursor:pointer;
 margin:0 2px;
}
#mp_ruler_top .strong {
 color:#00ff00;
}
#mp_ruler_bot {
 color:#ffcccc;
 padding-left:2px;
 font-size:11px;
 letter-spacing:8px;
}
#mp_ruler_bot .strong, #mp_ruler_bot .lite {
 cursor:pointer;
 margin:0 2px;
}
#mp_ruler_bot .strong {
 color:#ff0000;
}
#mp_ruler_hsh {
 font-size:24px;
 letter-spacing:5px;
}
#mp_ruler_hsh .span1, #mp_ruler_hsh .span3 {
 background-color:#e3e3ff;
 color:#fff;
 border-top: 1px solid #99ff99;
 border-bottom: 1px solid #ff9999;
}
#mp_ruler_hsh .span2 {
 background-color:#fff;
 color:#e3e3ff;
 border-top: 1px solid #33ff33;
 border-bottom: 1px solid #ff3333;
}

#hash_warning {
 margin:24px 0px 12px 24px;
}
#hash_warning ul.warning_list {
 margin:0 8%;
 font-size:12px;
 font-weight:bold;
 border-top:1px solid orange;
}
#hash_warning ul.warning_list li {
 margin:0; padding:4px 8px 4px 8%;
 list-style-type:none;
 border-bottom:1px solid orange;
 color:orangered;
 background-color:#ffee99;
}

/* footer */
#mp_footer_panel {
 margin:0 auto;
 padding:0px;
 clear:both;
}
#mp_pitch_block {
 margin:0; padding:8px 12px;
 font-size:13px;
 line-height:1.3em;
 font-family: Arial,Helvetica,sans-serif;
 font-weight:bold;
 color:#fff;
 background:#6699cc;
}
#mp_pitch_block a { color:#fff; }
#mp_pitch_block a:hover { color:#fff; text-decoration:none; }

#mp_footer_block {
 margin-top:4px;
 text-align:center;
 font:11px/1.4em Verdana, Geneva, sans-serif;
 color:#6699CC;
}
#mp_footer_block a { color:#ccccff; text-decoration:none; }
#mp_footer_block a:hover { color:#fff;  }
#mp_footer_block .left {
 float:left; width:240px;
 text-align:left;
}
#mp_footer_block .right {
 float:right; width:240px;
 text-align:right;
}
#mp_footer_block .center {
}
